<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 使用 <audio> 和 <video> 元素 -->
    <audio controls>
        <source src="../图片/obj_wo3DlMOGwrbDjj7DisKw_14096444542_bafc_a068_39f8_9a9e06e5634410b5e7e81df24749e656.mp3.crdownload" type="audio/mpeg">

    </audio>
    <video controls width="320" height="240">
        <source src="" type="video/mp4">
    </video>
    <!-- 使用 <canvas> 元素 -->
    <canvas id="myCanvas" width="200" height="200">

    </canvas>
    <!-- 使用 <details> 和 <summary> 元素 -->
    <details>
        <summary>问题 1：爱兄弟还是爱黄金</summary>
        <p>答案 1：爱兄弟</p>
    </details>

    <details>
        <summary>问题 2：我是大美女吗</summary>
        <p>答案 2：yes</p>
    </details>
    <!-- 使用 <datalist> 元素 -->
    <form></form>
    <label for="myInput">输入内容：</label>
    <input list="suggestions" id="myInput">
    <datalist id="suggestions">
        <option value="我是大美女">
        <option value="大美女">
        <option value="超级大美女">
    </datalist>
    </form>
    <!-- 使用 <figure> 和 <figcaption> 元素 -->
        <figure>
            <img src="../图片/微信图片1_20240923012308.jpg" alt="云" width="200px" height="150px">
            <figcaption>云</figcaption>
        </figure>
        <!-- 使用 <picture> 元素 -->
            
    <picture>
        <source media="(orientation: portrait)"srcset="微信图片1_20240923012308.jpg">
        <img src="../图片/微信图片1_20240923012308.jpg" alt="云">
    </picture>
</body>

</html>